<template>
<!--  组件的结构-->
  <div id="root">
    <h2>学校名称：{{schoolname}}</h2>
    <h2>学校地址：{{schooladdress}}</h2>
    <button @click="showname">点我出现学校邮编</button>
  </div>
</template>
<script>
/*组件交互相关的代码（数据，方法等等）*/
export default {
  name:'school',
  data(){
    return {
      schoolname: "xxx学校",
      schooladress: "陕西省西安市xx区",
      email: 1433223
    }
  },
  methods:{
    showname(){
      alert(this.email)
    }
  }
}
</script>
<style>
/*组件的样式*/
.root{
  background-color: deepskyblue;
}
</style>